{% extends "news/base.html" %}

{% block title %}
    <title>用户概况</title>
{% endblock %}

{% block css %}
    <link rel="stylesheet" type="text/css" href="../../static/news/css/jquery.pagination.css">
{% endblock %}

{% block script %}
    <script type="text/javascript" src="../../static/news/js/other.js"></script>
    <script type="text/javascript" src="../../static/news/js/jquery.pagination.min.js"></script>
{% endblock %}

{% block rank %}

{% endblock %}

{% block content %}
    <div class="user_menu_con fl">
        <div class="user_center_pic">
            <img src="{% if data.author.avatar_url %}{{ data.author.avatar_url }}
            {% else %}../../static/news/images/user_pic.png{% endif %}" alt="用户图片">
        </div>
        <div class="user_center_name">{{ data.author.nick_name }}</div>

        <ul class="other_detail">
            <li>
                性 别：{% if data.author.gender == "MAN" %}男
                {% else %}女{% endif %}
            </li>
            <li>
                签 名：{% if data.author.signature %}{{ data.author.signature }}
                {% else %}这个人很懒，什么都没留下{% endif %}
            </li>
        </ul>

        <div class="focus_other">
            <a href="javascript:;" class="focus" style="display: {% if data.is_followed %}none{% else %}block{% endif
                    %}" data-userid="{{ data.author.id }}">
                关注</a>
            <a href="javascript:;" class="focused" data-userid="{{ data.author.id }}" style="display: {% if data
            .is_followed %}block{% else %}none{% endif %}">
                <span class="out">已关注</span><span class="over">取消关注</span>
            </a>
        </div>

    </div>

    <div class="user_con fr">
        <div class="other_collect">
            <h3>他的文章</h3>
            <ul class="article_list">
                {% for news in data.news_list %}
                    <li><a href="#">{{ news.title }}</a><span>{{ news.create_time }}</span></li>
                {% endfor %}
            </ul>

            <div id="pagination" class="page"></div>
            <script>
                $(function (){
                    $("#pagination").pagination({
                        current_page: 1,
                        total_page: 10,
                        callback: function (current, limit){
                            getNewsList(current, limit)
                        }
                    });
                });
            </script>
        </div>
    </div>
{% endblock %}

